<template>
  <div class="container">
    <device-search class="search" @queryDevice="queryDeviceFn"></device-search>
    <DeviceTable class="result" :device="device"></DeviceTable>
  </div>
</template>

<script>
import DeviceSearch from './componment/DeviceSearch'
import DeviceTable from './componment/DeviceTable'
export default {
  components: {
    DeviceSearch,
    DeviceTable
  },
  created () {},
  data () {
    return {
      device: []
    }
  },
  methods: {
    queryDeviceFn (val) {
      this.device = val
    }
  }
}
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container {
  height: 757px;
  .search {
    width: 100%;
    height: 64px;
    padding-bottom: 4px;
    margin-bottom: 20px;
    background-color: #fff;
  }
  .result {
    width: 100%;
    height: 674px;
    // background-color: skyblue;
  }
}
</style>
